<template>
  <div>
    <div id='root'>
    <van-icon name="arrow-left" color="#8E8C8D" size='25px' class="arrow_left"  @click='homeClick'/>
    <span><slot></slot></span>
   <van-icon  class="arrow_right" name="apps-o" size='25px' @click="changeshow"/>
  </div>
<div style="height:13vw"></div>
  </div>
</template>

<script>
import bus from '../../bus.js'
import { NavBar } from "vant";
import { Icon } from 'vant';
export default {
  name: "",
  components: {
    NavBar,
    Icon
  },
  methods:{
    homeClick(){
      console.log('12312')
      window.location.href='http://localhost:8080'
    },
    changeshow(){
      bus.$emit("isshow");
    }
  }
};
</script>

<style scoped>
#root{
  box-sizing: border-box;

  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 13vw;
  color: white;
  background: #303435;
  padding: 0 5vw;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
}
.arrow_right{
  color: #8E8C8D;
}
.arrow_left{
  border-right:1px solid #4c4a4b; 
  padding-right: 5vw;
}
</style>